<template>
    <ul v-if="items.length > 0" class="sidebar-links" style="padding-left: 0">
        <SideBarLink v-for="(item, index) of items" :item="item" :key="index" />
    </ul>
</template>
<script lang="ts">
import { usecatalogueitems } from "./usecatalogueitems";

import { SideBarLink } from "./SideBarLink";
import { defineComponent } from "vue";

export default defineComponent({
    components: { SideBarLink },
    setup() {
        const items = usecatalogueitems();
        return { items };
    },
});
</script>
